<template>

    <!-- 用户列表 -->
    <el-table :data="userList" style="width: 100%" border class="userList">
      <el-table-column type="selection" width="55" />
      <el-table-column prop="workNo" label="工号" width="120">
        <template v-slot="scope">
          <span>{{ scope.row.workNo || "-" }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="sex" label="性别" width="120">
        <template v-slot="scope">
          <span>{{ scope.row.sex == "0" ? "女" : "男" }}</span>
        </template>
      </el-table-column>

      <el-table-column prop="avatar" label="头像" width="120">
        <template v-slot="scope">
          <el-image
            style="width: 70px; height: 50px"
            :src="scope.row.avatar"
            :fit="cover"
            :preview-src-list="[scope.row.avatar]"
          />
        </template>
      </el-table-column>
      <el-table-column fixed="right" label="操作" width="120">
        <template #default>
          <el-button type="text" size="small">查看详情</el-button>
          <el-button link type="primary" size="small">修改</el-button>
          <el-button link type="primary" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

</template>

  <script setup>
/**
 * 引入
 */


/**
 * 定义：var
 */



</script>

  <style lang="scss" scoped>
.card_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
</style>
